<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <title>跨语言大数据</title>
    <link rel="stylesheet" href="../static/assets/css/weui-1.1.2.css">
    <link rel="stylesheet" href="../static/assets/css/jquery-weui-1.2.1.css">
    <link rel="stylesheet" href="../static/assets/css/iconfont.css">
    <link rel="stylesheet" href="../static/css/common.css">
    <link rel="stylesheet" href="../static/css/home.css">
    <link rel="stylesheet" href="../static/css/discovery.css">
</head>

<body id="index">
<div class="weui-tab">
    <div class="weui-tab__bd">

        <section class="weui-tab__bd-item weui-tab__bd-item--active" id="home">
            <div class="weui-search-bar" id="searchBar">
                <form class="weui-search-bar__form">
                    <div class="weui-search-bar__box">
                        <i class="weui-icon-search"></i>
                        <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索一带一路"
                               required="">
                        <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
                    </div>
                </form>
                <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
            </div>
            <div class="dataStatus">
                <h3>数据统计</h3>
                <div class="content">
                    <span class="totalNum"></span>
                    <span class="rate">
                        <span class="num"></span><i class="iconfont"></i>
                    </span>
                </div>
            </div>
            <div class="chartWrap">
                <div id="ec01_sphere"></div>
                <div class="data">
                    <dl class="country">
                        <dt><span>国家</span><span class="num">数据量</span></dt>
                    </dl>
                    <dl class="field">
                        <dt><span>领域</span><span class="num">数据量</span></dt>
                        <!--<dd><span>俄罗斯</span><span class="num">233669</span></dd>
                        <dd><span>俄罗斯</span><span class="num">233669</span></dd>
                        <dd><span>俄罗斯</span><span class="num">233669</span></dd>
                        <dd><span>俄罗斯</span><span class="num">233669</span></dd>
                        <dd><span>俄罗斯</span><span class="num">233669</span></dd>
                        <dd><span>俄罗斯</span><span class="num">233669</span></dd>-->
                    </dl>
                </div>
                <div id="pureMode">
                    纯净<br>模式
                </div>
            </div>
        </section>
        <section class="weui-tab__bd-item" id="hotSpot">

        </section>
        <section class="weui-tab__bd-item" id="discovery">
            <div class="hotWords">
                <h3>热词聚焦</h3>
                <div id="ec01_wordCloud_hotWords" class="chart-box"></div>
            </div>
            <div class="regionalEmotionalDistribution">
                <h3>区域情感分布</h3>
                <div id="ec02_rose_regionalEmotional" class="chart-box"></div>
            </div>
            <div class="dataTrend">
                <h3>数据走势</h3>
                <div id="ec03_line_dataTrend" class="chart-box"></div>
            </div>
            <div class="domainDistribution">
                <h3>领域分布</h3>
                <div id="ec04_radar_domain" class="chart-box"></div>
            </div>
            <div class="mediaDataHit">
                <h3>媒体数据命中</h3>
                <ul id="mediaDataHit" class="chart-box"></ul>
            </div>
        </section>

    </div>

    <div class="weui-tabbar">
        <a href="#home" class="weui-tabbar__item weui-bar__item--on">
            <div class="weui-tabbar__icon">
                <div class="icon"></div>
            </div>
            <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="#hotSpot" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <div class="icon"></div>
            </div>
            <p class="weui-tabbar__label">热点</p>
        </a>
        <a href="#discovery" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <div class="icon"></div>
            </div>
            <p class="weui-tabbar__label">发现</p>
        </a>
    </div>
</div>

<script src="../static/assets/js/echarts-4.2.0.js"></script>
<script src="../static/assets/js/echarts-gl.js"></script>
<script src="../static/assets/js/world.js"></script>
<script src="../static/assets/js/jquery-3.3.1.min.js"></script>
<script src="../static/js/common.js"></script>
<script src="../static/js/chartsCom.js"></script>
<script src="../static/assets/js/jquery-weui-1.2.1.js"></script>
<script src="../static/js/home.js"></script>
<script src="../static/assets/js/js2wordcloud.js"></script>
<script src="../static/js/discovery.js"></script>
</body>
</html>







